<%--
  Created by IntelliJ IDEA.
  User: xiaodoudou
  Date: 2020/10/27
  Time: 13:08
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>

<%String path = request.getContextPath();%>
<html>
<head>
    <title>华电管理后台.用户列表</title>
    <link href="<%=path%>/static/manage/css/bootstrap/bootstrap.css" rel="stylesheet" />
    <link href="<%=path%>/static/manage/css/bootstrap/bootstrap-responsive.css" rel="stylesheet" />
    <link href="<%=path%>/static/manage/css/bootstrap/bootstrap-overrides.css" type="text/css" rel="stylesheet" />

    <!-- global styles -->
    <link rel="stylesheet" type="text/css" href="<%=path%>/static/manage/css/layout.css" />
    <link rel="stylesheet" type="text/css" href="<%=path%>/static/manage/css/elements.css" />
    <link rel="stylesheet" type="text/css" href="<%=path%>/static/manage/css/icons.css" />

    <!-- libraries -->
    <link href="<%=path%>/static/manage/css/lib/font-awesome.css" type="text/css" rel="stylesheet" />

    <!-- this page specific styles -->
    <link rel="stylesheet" href="<%=path%>/static/manage/css/compiled/user-list.css" type="text/css" media="screen" />

    <!-- open sans font -->
    <link href='http://fonts.useso.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css' />
</head>
<body>




<%--访问头--%>
<jsp:include page="/manage/include/header"></jsp:include>
<%--访问菜单--%>
<jsp:include page="/manage/include/menu"></jsp:include>



<c:set var="path" value="${pageContext.request.contextPath}"></c:set>
<!-- main container -->
<div class="content">

    <!-- settings changer -->
    <div class="skins-nav">
        <a href="#" class="skin first_nav selected">
            <span class="icon"></span><span class="text">Default</span>
        </a>
        <a href="#" class="skin second_nav" data-file="css/skins/dark.css">
            <span class="icon"></span><span class="text">Dark skin</span>
        </a>
    </div>

    <div class="container-fluid">
        <div id="pad-wrapper" class="users-list">
            <div class="row-fluid header">
                <h3>用户列表</h3>
                <div class="span10 pull-right">
                    <input type="text" class="span5 search" placeholder="Type a user's name..." />

                    <!-- custom popup com.wanmait.heating.filter -->
                    <!-- styles are located in css/elements.css -->
                    <!-- script that enables this dropdown is located in js/theme.js -->
                    <div class="ui-dropdown">
                        <div class="head" data-toggle="tooltip" title="Click me!">
                            Filter users
                            <i class="arrow-down"></i>
                        </div>
                        <div class="dialog">
                            <div class="pointer">
                                <div class="arrow"></div>
                                <div class="arrow_border"></div>
                            </div>
                            <div class="body">
                                <p class="title">
                                    Show users where:
                                </p>
                                <div class="form">
                                    <select>
                                        <option />Name
                                        <option />Email
                                        <option />Number of orders
                                        <option />Signed up
                                        <option />Last seen
                                    </select>
                                    <select>
                                        <option />is equal to
                                        <option />is not equal to
                                        <option />is greater than
                                        <option />starts with
                                        <option />contains
                                    </select>
                                    <input type="text" />
                                    <a class="btn-flat small">Add com.wanmait.heating.filter</a>
                                </div>
                            </div>
                        </div>
                    </div>

                    <a href="new-user.html" class="btn-flat success pull-right">
                        <span>&#43;</span>
                        NEW USER
                    </a>
                </div>
            </div>

            <!-- Users table -->
            <div class="row-fluid table">
                <table class="table table-hover">
                    <thead>
                    <tr>
                        <th class="span4 sortable">
                           姓名
                        </th>
                        <th class="span3 sortable">
                            <span class="line"></span>手机号
                        </th>
                        <th class="span2 sortable">
                            <span class="line"></span>性别
                        </th>
                        <th class="span3 sortable align-right">
                            <span class="line"></span>注册时间
                        </th>
                    </tr>
                    </thead>
                    <tbody>
                    <!-- row -->


                    <!-- row -->
                    <c:forEach var="userinfo" items="${requestScope.userinfos}" varStatus="stat">
                        <tr>
                            <td>
                                <img src="${path}/static/web/userimage/moren.jpg" class="img-circle avatar hidden-phone" />
                                <a href="user-profile.html" class="name">${userinfo.name}</a>
                                <span class="subtext">666</span>
                            </td>
                            <td>
                               ${userinfo.phone}
                            </td>
                            <td>
                               ${userinfo.sex}
                            </td>
                            <td class="align-right">
                                <a href="#">${useinfo.time}</a>
                            </td>
                        </tr>
                    </c:forEach>

                    </tbody>
                </table>
            </div>
<%--            --%>
            <div class="pagination  pull-right" >
                <ul>
                    <li><a href="#">&#8249;</a></li>
                    <li><a class="active" href="#">1</a></li>
                    <li><a href="#">2</a></li>
                    <li><a href="#">3</a></li>
                    <li><a href="#">4</a></li>
                    <li><a href="#">5</a></li>
                    <li><a href="#">&#8250;</a></li>
                </ul>
            </div>
            <!-- end users table -->
        </div>
    </div>
</div>
<!-- end main container -->


<!-- scripts -->
<script src="${path}/static/manage/js/jquery-latest.js"></script>
<script src="${path}/static/manage/js/bootstrap.min.js"></script>
<script src="${path}/static/manage/js/theme.js"></script>
</body>
</html>
